<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>全部订单</title>
    <link rel="stylesheet" href="../style/default.css">
    <link rel="stylesheet" href="../style/public.css">
    <link rel="stylesheet" href="../style/all_orders.css">
    <script src="../script/jquery.js"></script>
    <script src="../script/jquery.min.js"></script>
</head>

<body>
    <div class="public_nav">
        <div class="bx nav">
            <ul class="right_nav">
                <li>
                    <a href="javascript:;">我的美妆</a>
                    <span>|</span>
                </li>
                <li>
                    <div class="pinpai">
                        <a class="btn" href="javascript:;">关注品牌 </a>
                        <span>|</span>
                        <div class="two_nav">
                            <div class="two_nav_one">
                                <a href="javascript:;">科颜氏</a>
                                <a href="javascript:;">雪花秀</a>
                                <a href="javascript:;">香奈儿</a>
                            </div>
                            <div class="two_nav_two">
                                <a href="javascript:;">奥比虹</a>
                                <a href="javascript:;">希思黎</a>
                                <a href="javascript:;">奥迪</a>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="javascript:;">购物车</a>
                    <span>|</span>
                </li>
                <li>
                    <a href="javascript:;">收藏夹</a>
                    <span>|</span>
                </li>
                <li>
                    <a href="javascript:;">商家入驻</a>
                    <span>|</span>
                </li>
                <li>
                    <a href="javascript:;">帮助中心</a>
                    <span>|</span>
                </li>
            </ul>
            <div class="left_nav">
                <span>您好 欢迎来到美妆商城！</span>
                <a href="javascript:;">请登录</a>
                <a href="javascript:;">免费注册</a>
            </div>
        </div>
    </div>
    <div class="header cf">
        <div class="had bx">
            <div class="logo">
                <a href="javascript:;">
                    <img src="../images/jd_logo.png" alt="">
                </a>
            </div>
            <div class="lg">
                <div class="lg_cent">
                    <input type="text" placeholder="请输入关键字" />
                    <div>请输入关键字</div>
                    <a href="javascript:;"><i></i></a>
                </div>
            </div>
            <div class="gzh cf">
                <p>关注微信</p>
                <div class="ewm"><img src="../images/jd.png"></div>
            </div>
        </div>
    </div>
    <div class="navitems">
        <div class="nav_cont bx">
            <a class="category" href="javascript:;">
                <i></i>
                <span>所有产品类别</span>
            </a>
            <a class="home_page gg" href="javascript:;">首页</a>
            <a class="direct_sale gg" href="javascript:;">官方直售</a>
            <a class="vip gg " href="javascript:;">会员专享</a>
            <a class="special_counter gg" href="javascript:;">线上专柜</a>
        </div>
    </div>
    <div class="all_ordersT cf w">
        <div class="all_orders_left">
            <h1>用户中心</h1>
            <div class="all_orders_left_bom1">
                <h5>资料管理</h5>
                <ul>
                    <li>个人资料</li>
                    <li>实名认证</li>
                    <li>收货信息</li>
                </ul>
            </div>
            <div class="all_orders_left_bom1">
                <h5>订单管理</h5>
                <ul>
                    <li style="color: #ee0055;">全部订单</li>
                    <li>未支付订单</li>
                    <li>已支付订单</li>
                </ul>
            </div>
            <div class="all_orders_left_bom1">
                <h5>我的交易</h5>
                <ul>
                    <li>我的关注</li>
                    <li>我的收藏</li>
                    <li>我的评价</li>
                </ul>
            </div>
        </div>
        <div class="all_orders">
            <div class="all_orders_top">
                <span></span>
                <p>全部订单</p>
            </div>
            <div class="all_orders_list">
                <div class="_list_top cf">
                    <h6>商品图片</h6>
                    <h6 class="_list_top1">订单编号</h6>
                    <h6 class="_list_top2">订单总价</h6>
                    <h6 class="_list_top3">订单状态</h6>
                    <h6 class="_list_top4">下单日期</h6>
                    <h6 class="_list_top5">收件人</h6>
                    <h6 class="_list_top6">收件地址</h6>
                    <h6 class="_list_top7">联系电话</h6>
                    <h6 class="_list_top8">操作</h6>
                </div>
                <div class="listtextmax">
                    <div class="listtext xianshi">
                        <div class="all_orders_list_bom">
                            <img src="../images/订单1_03.png" alt="">
                            <p class="all_orders_text on">
                                100987
                            </p>
                            <p class="all_orders_text on">
                                467,00
                            </p>
                            <p class="all_orders_text on">
                                未支付
                            </p>
                            <p class="all_orders_text on4">
                                2016-9-1 16:07:35
                            </p>
                            <div class="_bom_list_button">
                                <button>付款</button>
                                <button class="qx">取消订单</button>
                            </div>
                        </div>
                        <div class="all_orders_list_bom">
                            <img src="../images/订单2_03.png" alt="">
                            <p class="all_orders_text on">
                                100987
                            </p>
                            <p class="all_orders_text on">
                                467,00
                            </p>
                            <p class="all_orders_text on">
                                已支付
                            </p>
                            <p class="all_orders_text on4">
                                2016-9-1 16:07:35
                            </p>
                            <div class="_bom_list_button">
                                <button class="revombut">删除</button>
                            </div>
                        </div>
                        <div class="all_orders_list_bom">
                            <img src="../images/订单3_03.png" alt="">
                            <p class="all_orders_text on">
                                100987
                            </p>
                            <p class="all_orders_text on">
                                467,00
                            </p>
                            <p class="all_orders_text on">
                                未支付
                            </p>
                            <p class="all_orders_text on4">
                                2016-9-1 16:07:35
                            </p>
                            <div class="_bom_list_button">
                                <button>付款</button>
                                <button class="qx">取消订单</button>
                            </div>
                        </div>
                        <div class="all_orders_list_bom">
                            <img src="../images/订单4_03.png" alt="">
                            <p class="all_orders_text on">
                                100987
                            </p>
                            <p class="all_orders_text on">
                                467,00
                            </p>
                            <p class="all_orders_text on">
                                已支付
                            </p>
                            <p class="all_orders_text on4">
                                2016-9-1 16:07:35
                            </p>
                            <div class="_bom_list_button">
                                <button class="revombut">删除</button>
                            </div>
                        </div>
                        <div class="all_orders_list_bom">
                            <img src="../images/订单5_03.png" alt="">
                            <p class="all_orders_text on">
                                100987
                            </p>
                            <p class="all_orders_text on">
                                467,00
                            </p>
                            <p class="all_orders_text on">
                                未支付
                            </p>
                            <p class="all_orders_text on4">
                                2016-9-1 16:07:35
                            </p>
                            <div class="_bom_list_button">
                                <button>付款</button>
                                <button class="qx">取消订单</button>
                            </div>
                        </div>
                        <div class="all_orders_list_bom">
                            <img src="../images/订单6_03.png" alt="">
                            <p class="all_orders_text on">
                                100987
                            </p>
                            <p class="all_orders_text on">
                                467,00
                            </p>
                            <p class="all_orders_text on">
                                已支付
                            </p>
                            <p class="all_orders_text on4">
                                2016-9-1 16:07:35
                            </p>
                            <div class="_bom_list_button">
                                <button class="revombut">删除</button>
                            </div>
                        </div>
                    </div>
                    <div class="listtext yc">
                        7897897897899 123123 1234567
                    </div>
                    <div class="listtext yc">
                        <div class="all_orders_list_bom">
                            <img src="../images/订单1_03.png" alt="">
                            <p class="all_orders_text on">
                                100987
                            </p>
                            <p class="all_orders_text on">
                                467,00
                            </p>
                            <p class="all_orders_text on">
                                未支付
                            </p>
                            <p class="all_orders_text on4">
                                2016-9-1 16:07:35
                            </p>
                            <div class="_bom_list_button">
                                <button>付款</button>
                                <button>取消订单</button>
                            </div>
                        </div>
                        <div class="all_orders_list_bom">
                            <img src="../images/订单2_03.png" alt="">
                            <p class="all_orders_text on">
                                100987
                            </p>
                            <p class="all_orders_text on">
                                467,00
                            </p>
                            <p class="all_orders_text on">
                                已支付
                            </p>
                            <p class="all_orders_text on4">
                                2016-9-1 16:07:35
                            </p>
                            <div class="_bom_list_button">
                                <button class="revombut">删除</button>
                            </div>
                        </div>
                        <div class="all_orders_list_bom">
                            <img src="../images/订单3_03.png" alt="">
                            <p class="all_orders_text on">
                                100987
                            </p>
                            <p class="all_orders_text on">
                                467,00
                            </p>
                            <p class="all_orders_text on">
                                未支付
                            </p>
                            <p class="all_orders_text on4">
                                2016-9-1 16:07:35
                            </p>
                            <div class="_bom_list_button">
                                <button>付款</button>
                                <button>取消订单</button>
                            </div>
                        </div>
                        <div class="all_orders_list_bom">
                            <img src="../images/订单4_03.png" alt="">
                            <p class="all_orders_text on">
                                100987
                            </p>
                            <p class="all_orders_text on">
                                467,00
                            </p>
                            <p class="all_orders_text on">
                                已支付
                            </p>
                            <p class="all_orders_text on4">
                                2016-9-1 16:07:35
                            </p>
                            <div class="_bom_list_button">
                                <button class="revombut">删除</button>
                            </div>
                        </div>
                        <div class="all_orders_list_bom">
                            <img src="../images/订单5_03.png" alt="">
                            <p class="all_orders_text on">
                                100987
                            </p>
                            <p class="all_orders_text on">
                                467,00
                            </p>
                            <p class="all_orders_text on">
                                未支付
                            </p>
                            <p class="all_orders_text on4">
                                2016-9-1 16:07:35
                            </p>
                            <div class="_bom_list_button">
                                <button>付款</button>
                                <button>取消订单</button>
                            </div>
                        </div>
                        <div class="all_orders_list_bom">
                            <img src="../images/订单6_03.png" alt="">
                            <p class="all_orders_text on">
                                100987
                            </p>
                            <p class="all_orders_text on">
                                467,00
                            </p>
                            <p class="all_orders_text on">
                                已支付
                            </p>
                            <p class="all_orders_text on4">
                                2016-9-1 16:07:35
                            </p>
                            <div class="_bom_list_button">
                                <button class="revombut">删除</button>
                            </div>
                        </div>
                    </div>
                    <div class="listtext yc">
                        4564456789 123123 1234567
                    </div>
                    <div class="listtext yc">
                        <div class="all_orders_list_bom">
                            <img src="../images/订单1_03.png" alt="">
                            <p class="all_orders_text on">
                                100987
                            </p>
                            <p class="all_orders_text on">
                                467,00
                            </p>
                            <p class="all_orders_text on">
                                未支付
                            </p>
                            <p class="all_orders_text on4">
                                2016-9-1 16:07:35
                            </p>
                            <div class="_bom_list_button">
                                <button>付款</button>
                                <button>取消订单</button>
                            </div>
                        </div>
                        <div class="all_orders_list_bom">
                            <img src="../images/订单2_03.png" alt="">
                            <p class="all_orders_text on">
                                100987
                            </p>
                            <p class="all_orders_text on">
                                467,00
                            </p>
                            <p class="all_orders_text on">
                                已支付
                            </p>
                            <p class="all_orders_text on4">
                                2016-9-1 16:07:35
                            </p>
                            <div class="_bom_list_button">
                                <button class="revombut">删除</button>
                            </div>
                        </div>
                        <div class="all_orders_list_bom">
                            <img src="../images/订单3_03.png" alt="">
                            <p class="all_orders_text on">
                                100987
                            </p>
                            <p class="all_orders_text on">
                                467,00
                            </p>
                            <p class="all_orders_text on">
                                未支付
                            </p>
                            <p class="all_orders_text on4">
                                2016-9-1 16:07:35
                            </p>
                            <div class="_bom_list_button">
                                <button>付款</button>
                                <button>取消订单</button>
                            </div>
                        </div>
                        <div class="all_orders_list_bom">
                            <img src="../images/订单4_03.png" alt="">
                            <p class="all_orders_text on">
                                100987
                            </p>
                            <p class="all_orders_text on">
                                467,00
                            </p>
                            <p class="all_orders_text on">
                                已支付
                            </p>
                            <p class="all_orders_text on4">
                                2016-9-1 16:07:35
                            </p>
                            <div class="_bom_list_button">
                                <button class="revombut">删除</button>
                            </div>
                        </div>
                        <div class="all_orders_list_bom">
                            <img src="../images/订单5_03.png" alt="">
                            <p class="all_orders_text on">
                                100987
                            </p>
                            <p class="all_orders_text on">
                                467,00
                            </p>
                            <p class="all_orders_text on">
                                未支付
                            </p>
                            <p class="all_orders_text on4">
                                2016-9-1 16:07:35
                            </p>
                            <div class="_bom_list_button">
                                <button>付款</button>
                                <button>取消订单</button>
                            </div>
                        </div>
                        <div class="all_orders_list_bom">
                            <img src="../images/订单6_03.png" alt="">
                            <p class="all_orders_text on">
                                100987
                            </p>
                            <p class="all_orders_text on">
                                467,00
                            </p>
                            <p class="all_orders_text on">
                                已支付
                            </p>
                            <p class="all_orders_text on4">
                                2016-9-1 16:07:35
                            </p>
                            <div class="_bom_list_button">
                                <button class="revombut">删除</button>
                            </div>
                        </div>
                    </div>
                    <div class="listtext yc">
                        102030456789 123123 1234567
                    </div>
                </div>
            </div>
            <div class="all_orders_paging">
                <div class="backon on"></div>
                <ul>
                    <li class="on" style="background-color: #ee0055;">1</li>
                    <li class="on">2</li>
                    <li class="on">3</li>
                    <li class="on">4</li>
                    <li class="on">5</li>
                    <li class="on">6</li>
                </ul>
                <div class="on backon1"></div>
            </div>
        </div>
    </div>
    <div class="bottom_nav">
        <div class="bx clear">
            <ul class="shopping_directory float nav_margin">
                <li class="nav_header">购物指南</li>
                <li><a href="javascript:;">新手指南</a></li>
                <li><a href="javascript:;">常见问题</a></li>
                <li><a href="javascript:;">帮助中心</a></li>
                <li><a href="javascript:;">用户协议</a></li>
            </ul>
            <ul class="about_us float nav_margin">
                <li class="nav_header">关于我们</li>
                <li><a href="javascript:;">关于我们</a></li>
                <li><a href="javascript:;">加入我们</a></li>
                <li><a href="javascript:;">联系我们</a></li>
            </ul>
            <ul class="payment_method float nav_margin">
                <li class="nav_header">支付方式</li>
                <li><a href="javascript:;">快捷方式</a></li>
                <li><a href="javascript:;">信用卡</a></li>
                <li><a href="javascript:;">货到支付</a></li>
            </ul>
            <ul class="merchant_services float nav_margin">
                <li class="nav_header">商家服务</li>
                <li><a href="javascript:;">商家入驻</a></li>
                <li><a href="javascript:;">商家中心</a></li>
                <li><a href="javascript:;">物流服务</a></li>
            </ul>
            <div class="float follow">
                <p>关注微信</p>
                <a href="javascript:;">
                    <img src="../images/jd.png" alt="">
                </a>
            </div>
        </div>
    </div>
    <div class="copyright">
        <div class="copyright_content">
            <div class="copyright_nav">
                <a href="javascript:;">天猫</a>
                <span>|</span>
                <a href="javascript:;">京东</a>
                <span>|</span>
                <a href="javascript:;">YunOs</a>
                <span>|</span>
                <a href="javascript:;">阿里通信</a>
                <span>|</span>
                <a href="javascript:;">万网</a>
                <span>|</span>
                <a href="javascript:;">高德</a>
                <span>|</span>
                <a href="javascript:;">友视</a>
                <span>|</span>
                <a href="javascript:;">友盟</a>
                <span>|</span>
                <a href="javascript:;">虾米</a>
                <span>|</span>
                <a href="javascript:;">天天动听</a>
            </div>
            <div class="copyright_disorder">
                Copyright © 2008-2016 vip.com，All Rights Reserved
                <a class="hao" href="javascript:;">粤ICP备08114786号</a>
            </div>
            <div class="makeup">
                <a href="javascript:;">版权所有</a>
                <a href="javascript:;">美妆商城</a>
            </div>
        </div>
    </div>
</body>
<script src="../script/public.js"></script>
<script src="../script/all_orders.js"></script>

</html>